@keyframes spinnny{
	0% {
		transform: rotate3d(1, -1, 1, -180deg);
	}
	100% {
		transform: rotate3d(1, -1, 1, 180deg);
	}
}

/*deprecated */
@keyframes sqash{
	0% {
		transform: scale(1, 3);
	}
	50% {
		transform: scale(3, 1);
	}
	75% {
		transform: scale(1.5, 2);
	}
	100% {
		transform: scale(1, 3);
	}
}

@keyframes slide{
	0% {
		background-position: 100px;
	}
	100% {
		background-position: 0px ;
	}
}



body {
	background-color: white;
	overflow: hidden;
	background-image: url("stone.png");
    background-repeat: repeat;
	background-size: 100px;
    animation: slide 3s linear infinite;
}

h1 {	
	animation-name: spinnny;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	font-size: 80px;
}
h1:active {	
	color: yellow;
}

a {
	font-size: 40px;
	color: lightgreen;
	background-image: url(cat.png);
	background-size: contain;
}


a:hover { 
	color: white;
	animation-name: spinnny;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	/*font-size: 41px;*/
}